<template>
  <div>
    <div class="leave_box">
      <div class="leave_title">
        <h1>请给我们留言</h1>
        <div class="leave_hx"></div>
        <p class="leave_tips">欢迎电话咨询或留言</p>
      </div>
    </div>

    <!-- <div class="form_boxs">
            <el-form ref="form" :model="form" label-width="80px">
                <el-row ></el-row>
                <el-form-item label="姓名">
                    <el-input v-model="form.name"></el-input>
                </el-form-item>
                <el-form-item label="电话">
                    <el-input v-model="form.name"></el-input>
                </el-form-item>
                <el-form-item label="邮箱">
                    <el-input v-model="form.name"></el-input>
                </el-form-item>
                <el-form-item label="即时配送">
                    <el-switch v-model="form.delivery"></el-switch>
                </el-form-item>
                <el-form-item label="活动性质">
                    <el-checkbox-group v-model="form.type">
                        <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
                        <el-checkbox label="地推活动" name="type"></el-checkbox>
                        <el-checkbox label="线下主题活动" name="type"></el-checkbox>
                        <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
                    </el-checkbox-group>
                </el-form-item>
                <el-form-item label="特殊资源">
                    <el-radio-group v-model="form.resource">
                        <el-radio label="线上品牌商赞助"></el-radio>
                        <el-radio label="线下场地免费"></el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="活动形式">
                    <el-input type="textarea" v-model="form.desc"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="onSubmit">立即创建</el-button>
                    <el-button>取消</el-button>
                </el-form-item>
            </el-form>
        </div> -->
  </div>
</template>

<script setup>
// let form = {
//     name: '',
//     region: '',
//     date1: '',
//     date2: '',
//     delivery: false,
//     type: [],
//     resource: '',
//     desc: ''
// }

// let onSubmit = () => {
//     console.log('submit!');
// }
</script>

<style scoped>
.leave_box {
  width: 1250px;
  /* height: 500px; */
  margin: 0 auto;
  margin-top: 50px;
  text-align: center;
  /* background-color: bisque; */
}

.leave_title {
  margin-bottom: 40px;
}

h1 {
  font-weight: 400;
  color: black;
}

.leave_hx {
  width: 60px;
  margin: 0 auto;
  margin-top: -13px;
  border-bottom: 4px solid red;
  margin-top: 5px;
}

.leave_tips {
  color: rgb(198, 197, 197);
  /* margin-top: 10px; */
}

/*  */
/* .el-form[data-v-3e37cb1d] {
    margin-top: -350px;
    background-color: aqua;
}
.el-form-item[data-v-3e37cb1d]{
    width: 300px;
}
.el-input[data-v-3e37cb1d] {
    width: 200px;
} */
</style>
